<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>多人博客 - 首页</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="public/css/sowing.css">
</head>

<body>
	<nav class="navbar navbar-default">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/">
					<img width="90px" src="/public/img/logo3.png" alt="">
				</a>
			</div>
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img width="20" height="20" src="../public/img/avatar-max-img.png" alt=""> <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li class="dropdown-current-user">
								<p>当前登入用户: </p>{{user.email}}
							</li>
							<li role="separator" class="divider"></li>
							<li><a href="/setting/base">设置</a></li>
							<li><a href="/logout">退出</a></li>
						</ul>
					</li>
					
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>

	<div class="row ">
		<div class="col-sm-1"></div>
		<div class="col-sm-6">
			<blockquote>
			<p>敢为天下先，爱拼才会赢——"晋江经验"</p>
				<footer><cite title="Source Title">时政新闻&nbsp;&nbsp;博客网</cite></footer>
			</blockquote>
			<hr>
			<div>
		  	<img style="width:100%" src="../../public/img/641.jpg" alt="">
		  </div>
		  <hr>
			  <div class="well">
			<p>一座县城,因砥砺奋进而沧桑巨变,在中国改革开放史上写下耀眼篇章。

				一种经验,因高瞻远瞩而历久弥新,成为中国特色社会主义道路上的重要路标。

				今年,中国改革开放迎来40年,习近平同志提出“晋江经验”16年。

				“锐意改革、大胆创新，闯出了一条独具特色的经济发展道路”“规模经济+外向型经济+特色产业+山海协作+服务型政府”“六个始终坚持、正确处理好五个关系”……“晋江经验”成功于改革开放的伟大创举,也印证了拼搏奋斗的无穷力量和累累收获。

				回溯“晋江经验”的形成过程，一条线索清晰可见:改革开放的天时,凭海临风的地利,爱拼会赢的人和,汇聚起晋江“由农到工、从贫到富、由弱到强”跨越的澎湃力量。</p>
				<p>
				 </div>
					<hr>
					<div class="comments">
						<form action="/topics/new" method="post">

							<div class="form-group">
								<label for="textarea_message">评论区</label>
								<textarea class="form-control" name="msg" id="textarea_message" cols="30" rows="5" required minlength="5" maxlength="20"></textarea>
							</div>
							<button type="submit" class="btn btn-success">发表评论</button>
						</form>
					</div>
					<ul>
						{{each News}}
						<li class="media">
							<div class="media-left">
								<img width="40" height="40" class="media-object" src="../public/img/avatar-max-img.png" alt="...">
							</div>
							<div class="media-body">
								<h4 class="media-heading">{{user.name}}说:{{$value.msg}}</h4>
								<p>sueysok 回复了问题 • 2 人关注 • 1 个回复 • 187 次浏览 • {{$value.time}}</p>
							</div>
						</li>
						{{/each}}
					</ul>
					<nav aria-label="Page navigation">
						<ul class="pagination">
							<li>
								<a href="#" aria-label="Previous">
									<span aria-hidden="true">&laquo;</span>
								</a>
							</li>
							<li class="active"><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li>
								<a href="#" aria-label="Next">
									<span aria-hidden="true">&raquo;</span>
								</a>
							</li>
						</ul>
					</nav>
				</div>
				<div class="col-sm-1"></div>
				<div class="col-sm-3 lefts">

					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">当前用户</h3>
						</div>
						<div class="panel-body">
							<div class="media">
								<div class="media-left ">
									<a href="#">
										<img width="80" height="80" class="media-object" src="../public/img/avatar-max-img.png" alt="...">
									</a>
								</div>
								<div class="media-body">
									<h4 class="media-heading "><a href="/setting/base" >{{user.name}}</a></h4>

								</div>
							</div>
						</div>
						<div class="panel-body">
							<p><em>天道酬勤，学海无涯</em></p>
						</div>
					</div>

					<hr>

					<div class="list-group ">
				<a href="#" class="list-group-item active">
					<h4 class="list-group-item-heading">如何正确学习node.js</h4>
					<p class="list-group-item-text">Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台........ </p>
				</a>
				<a href="#" class="list-group-item">
					<h4 class="list-group-item-heading">node.js安装配置</h4>
					<p class="list-group-item-text">检测PATH环境变量是否配置了Node，在命令工具栏输入命令"path",
					我们可以看到环境变量中已经包含了相应的路径 </p>
				</a>
				<a href="#" class="list-group-item">
					<h4 class="list-group-item-heading">MongoDB</h4>
					<p class="list-group-item-text">MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。</p>
				</a>
				<a href="#" class="list-group-item">
					<h4 class="list-group-item-heading">node.js与MongoDB</h4>
					<p class="list-group-item-text">MongoDB是一种文档导向数据库管理系统，由C++撰写而成。使用 Node.js 来连接 MongoDB，并对数据库进行操作。 </p>
				</a>
			</div>
				</div>
			</div>
			<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> 
			<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script> 
		</body>

		</html>
